<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="format-detection" content="telephone=no">
  <!--留存统计-->
  <script type="text/javascript"
    src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=SSQ-Z&nickName=八字财运-支付页&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

  <title>大乐透支付页</title>
  <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
  <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
  <script src="__PUBLIC__/js/rem.js"></script>
  <script src="__PUBLIC__/js/jquery.min.js"></script>
  <style>
    .lc_box,
    .lc_con,
    .master_introduction,
    .obp_user,
    .obp_user .txt,
    .public_bg_white,
    .public_bzcy_title,
    .public_have_test,
    .uf_ul li,
    .uf_ul_wrap,
    .user_feedback {
      overflow: hidden;
    }

    .lock_content {
      margin: 5px 0;
      border-bottom: 5px solid #e0e0e0;
    }

    .bzjp_zf_top {
      background: url('__PUBLIC__/images/bzcy_img/img_zhangyunfei.png') no-repeat;
      background-size: 100% 100%;

      margin: 0.1rem 0.1rem 0.2rem;
    }

    .redColor {
      color: #f73232;
      font-size: 0.32rem;
      font-weight: 600;
    }

    .bzjp_zf_content {
      width: 50%;
      padding-top: 0.5rem;
      margin-left: 0.4rem;
    }

    .bzjp_color {
      color: #f73232;
    }

    .bzjp_zf_content p {
      font-size: 0.28rem;
      color: #333333;
    }

    .bzjp_zf_content p:nth-child(3) {
      font-size: 0.24rem;
      color: #333333;
      padding-top: 0.14rem;
      padding-bottom: 0.2rem;
      text-align: center;
    }

    .ljck_btn {
      background-color: #f73232;
      font-size: 0.36rem;
      color: #ffffff;
      text-align: center;
      border-radius: 0.7rem;
      height: 0.8rem;
      line-height: 0.8rem;
      width: 80%;
      margin: 0 auto;
    }

    .bzjp_zf_time {
      font-size: 0.24rem;
      color: #333333;
      padding: 0.2rem 0;
      text-align: center;
    }

    .lc_tip span {
      line-height: 25px;
      text-align: center;
    }

    .lc_tip span {
      display: block;
      width: 80%;
      margin: 20px auto;
      background: url(__PUBLIC__/images/bzcy_img/bg_pay_title.jpg) repeat-x;
      position: relative;
      background-size: 100% 25px;
      color: #fffce6;
      font-size: 14px;
    }

    .lc_tip span:after,
    .lc_tip span:before {
      position: absolute;
      top: 0;
      content: '';
      background: url(__PUBLIC__/images/bzcy_img/icon_lr_title2.jpg) no-repeat;
      width: 9px;
      height: 25px;
      background-size: 100% 100%;
    }

    .lc_tip span:before {
      left: 0;
    }

    .lc_tip span:after {
      transform: scaleX(-1);
      right: 0;
      -moz-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      -o-transform: scaleX(-1);
    }

    .lc_box .lc_tit {
      text-align: center;
      margin: 10px 0;
    }

    .lc_box .lc_tit .red {
      font-size: 18px;
      font-weight: 700;
      color: #c30;
    }

    .lc_con {
      margin: 5px;
    }

    .lc_con p {
      margin-bottom: 10px;
    }

    .lc_con img {
      display: block;
      width: 100%;
    }

    .public_btn_s {
      padding: 10px 5px;
    }

    .public_btn_s a {
      position: relative;
      line-height: 30px;
      display: block;
      background-color: #9F7D51;
      color: #fff;
      height: 30px;
      border-radius: 5px;
      text-align: center;
      font-size: 16px;
    }

    .fiex_bt {
      height: 50px;
      line-height: 50px;
      font-size: 18px;
    }

    .fiex_bt a {
      background-color: #D60F00;
      height: 40px;
      line-height: 40px
    }
  </style>
  <style>
    .topimg {
      width: 7.5rem;
      height: 8.2rem;
      background: url(__PUBLIC__/images/color2/bg/fufei_1.png) no-repeat;
      background-size: 100% 100%;
    }

    .btmimg {
      width: 7.5rem;
      height: 8.63rem;
      background: url(__PUBLIC__/images/color2/bg/fufei_3.png) no-repeat;
      background-size: 100% 100%;
      padding-top: 1.4rem;
      box-sizing: border-box;
    }

    .mimg {
      width: 7.5rem;
      height: 4.78rem;
      background: url(__PUBLIC__/images/color2/bg/fufei_2.png) no-repeat;
      background-size: 100% 100%;
      padding-top: 1.5rem;
      box-sizing: border-box;
    }

    .pay-wrap {
      width: 5.87rem;
      height: 2.6rem;
      margin: 0 auto 0;
    }

    .row {
      margin-bottom: 0.4rem;
    }

    .row,
    .price-wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .price-wrap {
      margin-bottom: 0.33rem;
    }

    .pay_btn {
      width: 4.19rem;
      height: 1.08rem;
      background: url(__PUBLIC__/images/color2/v1/but.png) no-repeat;
      background-size: 100% 100%;
      margin: 0 auto;
    }

    .price-wrap .p-tt {
      width: 1.18rem;
      height: .40rem;
      background-color: #fd5757;
      font-size: .26rem;
      margin-right: 0.2rem;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffffff;
    }

    .price-wrap .price {
      font-size: .41rem;
      color: #333333;
      font-weight: 600;
      margin-right: auto;
    }

    .time-tt {
      margin-right: 0.15rem;
      font-size: .30rem;
      color: #333333;
    }

    .yao-wrap {
      /* width: 7rem; */
      width: 6.78rem;
      height: 6.2rem;
      margin: 0 auto;
    }

    .trow {
      display: flex;
      margin-bottom: 0.13rem;
      padding-left: .2rem;
      box-sizing: border-box;
    }

    .trow .tname {

      width: 1.74rem;
      margin-right: 0.32rem;
      height: .47rem;
      background-color: #db4852;
      border-radius: 6px;
      font-size: .34rem;
      color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .trow .ttlt {
      font-size: .32rem;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #db4852;
    }

    .title-wrap {
      margin-bottom: 0.4rem;
    }

    .yaos {
      height: 1rem;
    }

    .yrow {
      display: flex;
      font-size: .28rem !important;
    }

    .ytlt {
      font-weight: 600;
    }

    .ytlt .yname {
      color: #333;
      margin-right: 0.2rem;
    }

    .ytlt .yleft {
      color: #333;
    }

    .ytlt .yright {
      color: #333;
    }

    .yleft,
    .yright {
      width: 3rem;
      flex: none;
    }

    .yname {
      margin-right: 0.1rem;

    }

    .yao {
      display: flex;
      align-items: center;
    }

    .yao .yao-name {
      margin-right: 0.1rem;
    }

    .yao .yaoimg.yitiao {
      width: 1rem;
      height: .27rem;
      /* liangtiao */
      background: url(__PUBLIC__/images/color2/v1/yitiao.png) no-repeat;
      background-size: 100% 100%;
    }

    .yao .yaoimg.liangtiao {
      width: 1rem;
      height: .27rem;
      /* liangtiao */
      background: url(__PUBLIC__/images/color2/v1/liangtiao.png) no-repeat;
      background-size: 100% 100%;
    }

    .yao .yao-one {}

    .yao .yao-xo {}

    .red {
      display: flex;
      font-size: .22rem;
      color: #ff2d2d;
      height: 0.3rem;
      justify-content: space-between;
    }

    .red .left {
      margin-left: .3rem;
    }

    .red .right {
      margin-right: 1rem;
    }

    [v-cloak] {
      display: none !important;
    }
    .org-price span{
      text-decoration: line-through;
    }
  </style>
</head>

<body>
  <include file="Public/header" />
  <div class="ssq">
    <div class="topimg"></div>
    <div class="mimg">
      <div class="pay-wrap">
        <div class="row">
          <div class="org-price">原价￥<span>138.60</span></div>
          <div class="time-tt">距优惠结束</div>
        </div>
        <div class="price-wrap">
          <div class="p-tt">限时优惠</div>
          <div class="price">￥
            <!--{$Think.cookie.price}-->
          </div>
          <div class="bzjp_color" id="timestr">01:59:59</div>
        </div>
        <div class="pay_btn"></div>
      </div>
    </div>
    <div class="btmimg">
      <div class="yao-wrap">
        <div class="title-wrap">
          <div class="trow">
            <div class="tname">选号时间</div>
            <div class="ttlt">
              <!--{$lotteryDate}-->
            </div>
          </div>
          <div class="trow">
            <div class="tname">求测干支</div>
            <div class="ttlt">
              <!--{$sizhu[0]}-->
              <!--{$sizhu[1]}-->
              <!--{$sizhu[2]}-->
              <!--{$sizhu[3]}-->
            </div>
          </div>
          <div class="trow">
            <div class="tname">所问事件</div>
            <div class="ttlt">大乐透预测</div>
          </div>
        </div>

        <div class="yaos" id='yaos' v-cloak>
          <div class="yrow ytlt">
            <div class="yname">六神</div>
            <div class="yleft">{{leftName}}</div>
            <div class="yright">{{rightName}}</div>
          </div>
          <template v-for='(yao,yindex) in yaoList' :key='yindex'>
            <div class="yrow">
              <div class="yname">{{yao.animal}}</div>
              <div class="yleft yao">
                <div class="yao-name">{{yao.left.yao}}</div>
                <div class="yaoimg " :class='[yao.left.img]'></div>
                <div class="yao-one">{{yao.left.one}}</div>
                <div class="yao-xo">{{yao.left.xo}}</div>
              </div>
              <div class="yright yao" v-show='yao.right'>
                <div class="yao-name">{{yao.right.yao}}</div>
                <div class="yaoimg" :class='[yao.right.img]'></div>
                <div class="yao-one">{{yao.right.one}}</div>
                <div class="yao-xo">{{yao.right.xo}}</div>
              </div>
            </div>
            <div class="red">
              <div class="left" >{{yao.left.fushen?'↑伏神: '+yao.left.fushen:''}}</div>
              <div class="right" >{{yao.right.fushen?'↑伏神: '+yao.right.fushen:''}}</div>
            </div>
          </template>
        </div>
      </div>
    </div>
  </div>

  <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
    <div class="public_pp_box">
      <div class="public_pp_close" id="publicPPClose">X</div>
      <div class="public_pp_tit">解锁查看所有测算结果</div>
      <div class="public_pp_price">
        <span>统一鉴定价：</span><strong>￥
          <!--{$Think.cookie.price}-->元</strong>
      </div>
      <div class="public_pay_box">

        <!-- 支付弹窗 -->
        <include file="Public/zhifu_Popup" />

      </div>
    </div>
  </div>

  <!-- 脚 -->
  <!-- <div class="fiex_bt" id="fiex" style="display: block;">
        <a href="javascript:;"><i class="suo"></i>付费解锁所有项</a>
    </div> -->
  <!-- 抵用券 -->
  <include file="Public/coupon" />

  <include file="Public/qudao135zhifu" />
  <script src="__PUBLIC__/js/jquery.min.js"></script>
  <script src="__PUBLIC__/js/layer/layer.js"></script>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

  <script src="__PUBLIC__/js/vue-2.5.22-min.js"></script>
  <script>
    // H5支付事件
    var ispress = true;
    function payMoney(payType) {
      if (ispress) {
        layer.load();
        if (payType == "wx") {
          layer.closeAll('loading');
          window.location.href = "<!--{:U('BigLotto/paywx','',false)}-->";
        } else if (payType == "zfb") {
          layer.closeAll('loading');
            $.getJSON("<!--{:U('Index/getPayZfbUrl','',false)}-->",function(data){if(data.url){location.href=data.url;}else{window.location.href = "<!--{:U('Index/jumpPayZfb','',false)}-->";}});
        }
        ispress = false;
        setTimeout(function () {
          layer.closeAll('loading');
        }, 30000)
        setTimeout(function () {
          ispress = true;
        }, 2000)
      } else {
        console.log('你不能重复发起支付')
      }
    }

    var QTTopenid = "<!--{$Think.cookie.QTTopenid}-->";
    var channel = "<!--{$channel}-->";
    $('#fiex').on('click', function () {//悬浮付费解锁所有项
      publicPayPopup();
    })
    $('.J_payPopupShow').on('click', function () {//解锁查看内容
      publicPayPopup();
    })
    $('.pay_btn').on('click', function () {
      publicPayPopup();
    })
    $('#publicPPClose').on('click', function () {
      $('#publicPayPopup').css('display', 'none');
    })
    setInterval(function () {
      $.getJSON("<!--{:U('Bzjp/CountDown','',false)}-->", function (data) {//回调入库
        $('#timestr').text(data);
      });
    }, 1000);
    function publicPayPopup() {
        $.getJSON("<!--{:U('Index/fufeiyeLjcs','',false)}-->", { csName: 'SSQ' }, function (data) {//立即查看统计
        });

      if (channel == 'qudao245' && QTTopenid != '') {//趣头条支付
        payMoney245(); exit;
      } else if (channel == 'appaidou') {//爱豆支付
        aidouPay(); exit;
      }
      zhifuPopup();
      $('#publicPayPopup').css('display', 'block');
    }

    setInterval(function () {
      $.getJSON("<!--{:U('Bzjp/CountDown','',false)}-->", function (data) {//回调入库
        $('#timestr').text(data);
      });
    }, 1000);


    var wxlogin = '<!--{$Think.cookie.wxlogin}-->';
    if (wxlogin == 1) {
      wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
        timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
        nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
        signature: '<!--{$signature}-->',// 必填，签名，见附录1
        jsApiList: [
          'checkJsApi',
          'openLocation',
          'getLocation',
          'onMenuShareTimeline',
          'onMenuShareAppMessage',
          'scanQRCode'
        ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
      });

      wx.ready(function () {
        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
        // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
        //         alert('成功');
        wx.onMenuShareAppMessage({
          title: '不可思议！想发财的一定要看，易学大师亲算特别灵！', // 分享标题
          desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
          link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function (res) {
            // 用户确认分享后执行的回调函数
            $.getJSON("<!--{:U('Index/wxShare','',false)}-->", { csName: 'SSQ' }, function (data) {//回调入库
            });
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          }
        });

        wx.onMenuShareTimeline({
          title: '不可思议！想发财的一定要看，易学大师亲算特别灵！', // 分享标题
          desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
          link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function (res) {
            // 用户确认分享后执行的回调函数
            $.getJSON("<!--{:U('Index/wxShare','',false)}-->", { csName: 'SSQ' }, function (data) {//回调入库
            });
          }

        });

        wx.onMenuShareQQ({
          title: '不可思议！想发财的一定要看，易学大师亲算特别灵！', // 分享标题
          desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
          link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function (res) {
            // 用户确认分享后执行的回调函数
          }
        });

        wx.onMenuShareQZone({
          title: '事业不顺？台湾命理大师亲算！财运研究专家帮你旺财旺事业', // 分享标题
          desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
          link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function (res) {
            // 用户确认分享后执行的回调函数
          }
        });

        wx.onMenuShareWeibo({
          title: '事业不顺？台湾命理大师亲算！财运研究专家帮你旺财旺事业', // 分享标题
          desc: '对于现代人来说，所追求的事情无非就三种，感情，财运，事业，能够拥有一份前途似锦的事业，无疑是最令人羡慕的事情。在你的生活当中，你能否拥有一个良好的平台让你施展自己的才华？你适合什么样的事业？你最适合在哪个方向发展你的事业？八字事业详细解读你事业上的助力与阻力，让你步步高升！', // 分享描述
          link: '<!--{$Think.cookie.SYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/02.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function (res) {
            // 用户确认分享后执行的回调函数
          }
        });

        wx.error(function (res) {
          // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
          //         alert('失败');
        });

      });

      $(".weixinzf").on('click', function () {
        WeixinJSBridge.invoke(
          'getBrandWCPayRequest', {
          "appId": "<!--{$appId}-->",     //公众号名称，由商户传入
          "timeStamp": "<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
          "nonceStr": "<!--{$nonceStr}-->", //随机串
          "package": "<!--{$package}-->",
          "signType": "<!--{$signType}-->",         //微信签名方式：
          "paySign": "<!--{$paySign}-->" //微信签名
        },
          function (res) {
            if (res.err_msg == "get_brand_wcpay_request:ok") {
              location.href = "<!--{:U('BigLotto/jieguoye','',false)}-->?ordernum=<!--{$Think.cookie.orderid}-->";
            }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
          }
        );

      });
    }




  </script>

  <script>
    // var yaoData = JSON.parse('<!--{$zyqgData}-->')

    // let _yaoList = yaoData.arrliushou.map((val,index)=>{
    //   index += 1
    //   rindex = 7-index
    //   return {
    //     animal:val,
    //     left:{
    //       yao:Array.prototype.slice.call(yaoData.arrbengua['sxgua'+rindex],0,5).join(''),
    //       one:Array.prototype.slice.call(yaoData.arrbengua['sxgua'+rindex],5,6)[0],
    //       img:(yaoData.guaxiang[index] == 1 || yaoData.guaxiang[index] == 3) ? 'yitiao':'liangtiao',
    //       xo:yaoData.guaxiang[index] == 3 ?'o':yaoData.guaxiang[index] == 4?'x':'',
    //       fushen:yaoData.arrbengua['fushen'+rindex],
    //     },
    //     right:yaoData.arrbiangua?{
    //       yao:Array.prototype.slice.call(yaoData.arrbiangua['sxgua'+rindex],0,5).join(''),
    //       one:Array.prototype.slice.call(yaoData.arrbiangua['sxgua'+rindex],5,6)[0],
    //       img:(yaoData.bguaxiang[index] == 1 || yaoData.bguaxiang[index] == 3) ? 'yitiao':'liangtiao',
    //       xo:yaoData.bguaxiang[index] == 3 ?'o':yaoData.bguaxiang[index] == 4?'x':'',
    //       fushen:yaoData.arrbiangua['fushen'+rindex],
    //     }:'' ,
    //   }
    // })
    // var vm = new Vue({
    //   el: '#yaos',
    //   data:{
    //     yaoList:_yaoList.reverse(),
    //     leftName:yaoData.arrbengua.name,
    //     rightName:yaoData.arrbiangua.name
    //   }
    // })

    
var yaoData = JSON.parse('<!--{$zyqgData}-->');

var _yaoList = yaoData.arrliushou.map(function (val, index) {
  index += 1;
  rindex = 7 - index;
  return {
    animal: val,
    left: {
      yao: Array.prototype.slice.call(yaoData.arrbengua['sxgua' + rindex], 0, 5).join(''),
      one: Array.prototype.slice.call(yaoData.arrbengua['sxgua' + rindex], 5, 6)[0],
      img: yaoData.guaxiang[index] == 1 || yaoData.guaxiang[index] == 3 ? 'yitiao' : 'liangtiao',
      xo: yaoData.guaxiang[index] == 3 ? 'o' : yaoData.guaxiang[index] == 4 ? 'x' : '',
      fushen: yaoData.arrbengua['fushen' + rindex]
    },
    right: yaoData.arrbiangua ? {
      yao: Array.prototype.slice.call(yaoData.arrbiangua['sxgua' + rindex], 0, 5).join(''),
      one: Array.prototype.slice.call(yaoData.arrbiangua['sxgua' + rindex], 5, 6)[0],
      img: yaoData.bguaxiang[index] == 1 || yaoData.bguaxiang[index] == 3 ? 'yitiao' : 'liangtiao',
      xo: yaoData.bguaxiang[index] == 3 ? 'o' : yaoData.bguaxiang[index] == 4 ? 'x' : '',
      fushen: yaoData.arrbiangua['fushen' + rindex]
    } : ''
  };
});

var vm = new Vue({
  el: '#yaos',
  data: {
    yaoList: _yaoList.reverse(),
    leftName: yaoData.arrbengua.name,
    rightName: yaoData.arrbiangua.name
  }
});
  </script>
</body>

</html>